---
title: AstroサイトをHerokuにデプロイする
description: Herokuを使ってAstroサイトをウェブにデプロイする方法。
type: deploy
i18nReady: true
---

[Heroku](https://www.heroku.com/)は、クラウド上でモダンアプリを構築、実行、管理するためのPlatform as a Serviceです。このガイドを使用して、AstroサイトをHerokuにデプロイできます。

:::danger
以下の手順は、[非推奨の`heroku-static-buildpack`](https://github.com/heroku/heroku-buildpack-static#warning-heroku-buildpack-static-is-deprecated)を使用しています。代わりに[`heroku-buildpack-nginx`に関するHerokuのドキュメント](https://github.com/dokku/heroku-buildpack-nginx)を参照してください。
:::

## デプロイ方法

1. [Heroku CLI](https://devcenter.heroku.com/articles/heroku-cli)をインストールします。

2. [サインアップ](https://signup.heroku.com/)してHerokuアカウントを作成します。

3. `heroku login`を実行し、Herokuの認証情報を入力します。

   ```bash
   $ heroku login
   ```

4. プロジェクトのルートに`static.json`というファイルを以下の内容で作成します。

   ```json title="static.json"
   {
     "root": "./dist"
   }
   ```

詳しくは[heroku-buildpack-static](https://github.com/heroku/heroku-buildpack-static)をご覧ください。

5. Herokuのgitリモートを設定します。

   ```bash
   # バージョン変更
   $ git init
   $ git add .
   $ git commit -m "My site ready for deployment."

   # 指定した名前で新しいアプリを作成する
   $ heroku apps:create example

   # 静的サイトのビルドパックを設定する
   $ heroku buildpacks:set https://github.com/heroku/heroku-buildpack-static.git
   ```

6. サイトをデプロイします。

   ```bash
   # サイトを公開する
   $ git push heroku master

   # ブラウザを開き、Heroku CIのダッシュボード版を表示します。
   $ heroku open
   ```
